<!--
 * @Author: xinqiao lxq1990.0716@qq.com
 * @Date: 2023-11-29 10:57:44
 * @LastEditors: xinqiao lxq1990.0716@qq.com
 * @LastEditTime: 2023-12-22 15:50:28
 * @FilePath: \partal\src\views\Home.vue
 * @Description: 头部组件
-->

<script lang="ts" setup>
  import backPng from '../img/back.png'

  const goBack = () => window.history.back()
</script>

<template>
  <div class="back" @click="goBack()">
    <img :src="backPng">
    <span>返回</span>
  </div>
</template>

<style type="less" scoped>
  .back {
    width: 60px;
    height: 30px;
    display: flex;
    align-items: center;
    cursor: pointer;
    > img {
      width: 15px;
      height: auto;
    }
    > span {
      margin-left: 6px;
      font-size: 16px;
      color: #888;
    }
  }
</style>
